<html>
<head>
	<title>文字切换动画</title>
	<style type="text/css">
		body {
			background: url('https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-449086.jpg') #000 no-repeat;
			background-size: 100%;
			margin: 0;
			padding: 0;
		}
		#text {
			font-size: 36px;
			color:#fff;
			text-align: center;
			margin-top:20%;
		}
        #text span { 
        	color: #ff0 
        }
        #text span.selected {
            background: #09f;
            color: #fff;
        }
	</style>
	<script src='http://www.5iweb.com.cn/statics/js/jquery.1.7.1.min.js'></script>
	<script type="text/javascript" src="word_switch.js"></script>>
</head>

<body>
	<div id="text" data-text="we will be stronger"></div>
</body>
</html>